@import "partials/mixins";
@import "partials/common";
#addHandleList {
	.headTag {
		background-color: #fff;
		line-height: ptr(70px);
		font-size: ptr(32px);
		.item {
			&.select {
				border-bottom: 4px solid #76D8D9;
			}
		}
	}
	.add-content {
		background: #fff;
		padding: 0 ptr(20px);
		margin-bottom: ptr(20px);
		border-bottom: 1px solid $font-color4;
	}
	.deviceItem {
		border-bottom: 1px solid #D9D9D9;
		height: ptr(80px);
		.deviceItemContent {
			padding-right: ptr(50px);
		}
	}
	.add-data {
		.add-group {
			height: ptr(88px);
			line-height: ptr(88px);
			padding-left: ptr(65px);
			font-size: ptr(30px);
			color: #333;
			background: url('~img/required.svg') no-repeat ptr(20px) center;
			background-size: ptr(22px);
		}
		.icon {
			color: $font-color1 !important;
		}
	}
	.font-color {
		color: #666 !important;
	}
	.add-info {
		padding: 0 ptr(20px);
		font-size: ptr(28px);
		color: $font-color3;
		margin-bottom: ptr(100px);
		>b {
			color: $bg_red2;
			font-size: ptr(34px);
		}
	}
	.device-btn {
		padding: 0 ptr(25px);
		&>button {
			height: ptr(90px);
			border-radius: ptr(10px);
			font-size: ptr(30px);
		}
	}
	.frame {
		width: ptr(150px);
		height: ptr(60px);
		line-height: ptr(60px);
		text-align: center;
		border: 1px solid #D9D9D9;
		margin-bottom: ptr(20px);
		margin-right: ptr(20px);
		&.select {
			background: url('~img/icon_select.png') no-repeat center center;
			background-size: cover;
			color: #108ee9 !important;
			border: 1px solid #108ee9 !important;
		}
	}
}
